@charset "utf-8";
body{font-family: "Microsoft YaHei";}
.content{width: 1200px; margin: 0 auto;}
i,em,b{font-style: normal;}

.tit01{text-align: center; }
.tit01 h2{font-size: 48px; font-family: "Microsoft YaHei";color: #333333;font-weight:bold;line-height: 60px;position: relative; }
.tit01 a{color: #333333; }
.tit01 h2:before{content:'';position:absolute;height:0px;width:200px;background:#b2b2b2;bottom:0;left:50%;margin-left:-100px;}
.tit01 b{font-weight: bold;color: #010101;}
.tit01 p{ font-weight: normal; display: block;font-size:20px;color: #4c4c4c; line-height: 36px; background:url(../images/tit222.png) no-repeat center bottom; height:55px;}


/**/
.g-guide{background: url(../images/ry_bj.jpg) no-repeat center bottom;  height:550px; padding-top:108px;box-sizing: border-box;  font-family:"Microsoft Yahei";}
.guide{width:1380px;height: 436px;margin:0 auto;position: relative;}
.guide dl{height: 335px;}
.guide dl dt{overflow: hidden; width:600px;height: 335px; position: relative; float: right;margin-right: 25px; }
.guide dl dt img{width: 600px; height: 335px;  display: block;}
.guide dl dt i{width: 120px; height: 120px;  display: block;background: url(../images/vdo_btn.png) no-repeat; position: absolute; left:50%;top:50%;margin-left:-60px;margin-top:-60px; z-index: 1;}
.guide dl dd{width:670px;  float: left;position:relative;}
.guide dl dd h3{ font-size: 48px; color: #333333; font-weight: bold;margin-bottom: 15px; height: 87px;line-height: normal;white-space: nowrap;position: relative;}
.guide dl dd h3:before{content:'';position:absolute;height:2px;width:300px;background:#cc0000;background-size:100%; bottom:2px;left:0;}
.guide dl dd p{font-size: 16px; color: #666666; line-height: 36px;text-align: justify;height:185px;}
.guide dl dd span{display: block;position: relative;height:68px;}
.guide dl dd .guide-btn{display: block;background:#cc0000; height:40px; line-height: 40px;width: 140px;text-align: left;color: #fff;font-size: 16px;padding-left:25px;-webkit-transition: .3s;-moz-transition: .3s;transition: .3s; font-weight:700;}
.guide dl dd a:hover{transform: translateX(5px);}
.guide dl dt img{-webkit-transition: .3s;-moz-transition: .3s;transition: .3s;}
.guide dl:hover dt img{-webkit-transform:scale(1.03);-moz-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);}

.digital{ background:#184b9c; width:100%;}
.digital ul{ height:15px;margin:0px auto; position: relative; clear:both;overflow: hidden; }
.digital li{ width:195px;padding-left: 0px;height: 15px; box-sizing: border-box; float: left; text-align: center; position: relative;margin-right: 180px; padding-top:3px;}
.digital li::after{content: "";position: absolute;width: 113px;height: 1px;background:#cbcbcb;right:-150px;top:70px;} 
.digital li em{margin-left:0px;display: block; position: relative;height: 62px;}
.digital li em b{ margin-left:0px;font-size: 60px; color: #fff; font-family: "Arial"; font-weight: bold;line-height: 60px;}
.digital li em i{ font-size:20px;  color: #fff;text-align: center; font-weight: normal; text-align: center; line-height: 26px;width:26px; height: 26px;display: block;text-transform: uppercase;font-family: "Arial";position: absolute;bottom:10px; right:0px; border-radius: 100%;background: #c3251a;}
.digital li h3{font-size: 20px; color: #dfdfdf; text-align: center; font-weight: normal;}
.digital li:nth-child(2) em b{margin-left: -22px;}
.digital li:nth-child(2) em i{right:35px;}
.digital li:nth-child(4){margin-right: 0;}
.digital li:nth-child(4) em i{right:16px;}
.digital li:nth-child(4)::after{width:0;}



.w15 { width:1500px; margin:0 auto; font-family:"Microsoft Yahei";}
.web-title{	text-align: center;}
.web-title h3{	color: #010101;	font-weight: lighter;	font-size: 45px;}
.web-title em{	color: #010101;	font-weight: bold;}
.web-title span{	color: #1170D2;	font-weight: bold;}
.product{	margin: 58px auto 42px auto;}
.web-title p{	color: #848484;	font-size: 21px;	line-height: 40px;}
.pro-center{	margin-top: 42px;}
.product-fl{	float: left;	width: 240px;	text-align: center;}
.pro-title span{	color: white;	font-size: 16px;	font-family: arial;	line-height: 30px;	text-transform: uppercase;}
.pro-title p{	color: #FFFFFF;	font-size: 27px;	font-weight: bold;}
.pro-title{	background-image:linear-gradient(to right,#0053a1,#0053a1) ;	border-top-right-radius: 0px;	border-bottom-left-radius: 0px;	padding: 12px 0 20px 0;}

.phone{overflow:hidden; width:190px; padding:30px 0; padding-left:35px; border-radius:0px; background:url(../images/tel0.png) no-repeat 20px center; background-color:#0053a1; margin-top:10px;}
.phone p{font-size:16px; color:#fff;}
.phone b{display:block;font-size:20px;color:#fff;}

.region-hotline { padding: 40px 0 30px; text-align: center;  background:#0053a1; font-weight:600;}
.region-hotline h3 { font-size: 24px; color: #fff; }
.region-hotline span { margin: 10px 0; display: block; color: #ccc; }
.region-hotline p { font-size: 16px; color: #fff; line-height: 30px; font-weight:normal;}
.region-hotline img { margin-top: 15px; }



a.current{	text-decoration: none;}
.treebox{	 margin: 0 auto; }
.menun{	overflow: hidden;}
/*第一层*/
.menun li{	background: #eeeeee;	border-radius: 0px;	margin: 5px 0;}
.menun li.level1>a{ 	display:block;	text-align: left;	padding-left:20px;	line-height: 50px;	color: #666666;	font-size: 17px;	position: relative;	transition:all .5s ease 0s;}
.menun li.level1 a:hover{	background-color:#0053a1;	color: white;}
.menun li.level1 a.current{	background: #0053a1;	color: white;	border-radius: 10px;}


/*第二层*/
.menun li.level1  li{margin: 2px 0;}
.menun li.level1  li a{display:block;text-align: left;padding-left:30px;line-height:30px;color: #666666;font-size: 15px;position: relative;transition:all .5s ease 0s;border-radius: 10px;}
.menun li.level1 li a:hover{font-size: 15px;color: white;background-color:#0053a1;}

.pro-show-center{	float: left;	width: 1230px;	margin-left: 30px;}
.pro-show-center ul{ margin-left:-20px}
.marqueetop{	height:1050px;	overflow:hidden;}
.pro-show li{	float: left;	width: 290px;	border-bottom: solid 1px #dcdcdc; margin-left:20px; margin-bottom:20px}
.pro-show li img{ width:100%}
.pro-text{	line-height: 68px;}
.pro-text span{	float: left;	color: #666666;	font-size: 18px;}
.pro-text a{	float: right;	display: inline-block;	background: #cc0000;	width: 98px;	line-height: 30px;	color: white;	font-size: 14px;	border-radius: 14px;	margin-top: 17px;	text-align: center;}
.pro-more{	background: #0053a1;	width: 522px;	line-height: 58px;	border-radius: 33px;	padding: 4px 0 4px 6px;	margin: 16px auto 0 auto;}
.pro-more div:first-child{	background: white;	border-radius: 29px;}
.pro-more a{	color: #262626;	font-size: 16px;	text-align: center;	display: block;}
.pro-more p{	color: white;	font-size: 18px;}
.pro-more span{	font-size: 30px;	font-weight: bold;	font-family: arial;}
/*产品中心*/

/**/
.g-products-2{height: 340px;overflow: hidden; background:#fff;padding-top:35px; font-family: "Microsoft YaHei";margin:0 auto; }
.g-products-2 h2{height:65px;line-height: 65px;font-size:18px;font-weight: normal;color: #333333;border-bottom:1px solid #ebebeb;margin-bottom: 22px;background:url(../images/hot.png) no-repeat 80px 15px;}
.g-products-2 h2 a{color: #333;}
.g-products-2 h2 span{padding-right: 36px;background: url(../images/hot-more.png) no-repeat right center; font-size: 16px;color: #333333;}
.pro-hot{position: relative;padding:27px 20px 22px;box-shadow: 5px 3px 10px 0px #ececec;}
.pro-hot-bd{overflow: hidden;}
.pro-hot .pro-l{width:45px;height:45px; position: absolute;left:-35px;top:50%;margin-top:-22px; background:url(../images/pro-l.png) no-repeat;}
.pro-hot .pro-r{width:45px;height:45px; position: absolute;right:-35px;top:50%;margin-top:-22px; background:url(../images/pro-r.png) no-repeat;}
.pro-hot li{margin-right:20px;width:315px;height:240px; float: left;position: relative;}
.pro-hot li img{width:315px;height:240px;display: block;}
.pro-hot li h4{width:100%; height: 0;font-size: 18px;color:#fff;font-weight: normal; text-align: center;background:rgba(230, 33, 41, 0.85);-webkit-transition: .35s;-moz-transition: .35s;transition: .35s;width:100%;position: absolute;bottom:0; box-sizing: border-box;}
.pro-hot li:hover h4{height:240px;padding:120px 20px 0;}

/*产品展示*/
.tab3{width: 1500px; margin-top:20px; margin-bottom:50px;}
.tab3 .tit{text-align: center;}
.tab3 .tit h2 {height: 60px;line-height: 60px;font-size:34px;color: #333; font-weight:bold; padding-top:30px;}
.tab3 .tit h2 a{color: #333;}
.tab3 .tit p{height: 59px;line-height: 59px;font-size:18px;color: #333333}
.tab3 .tit p a{color: #333;margin-right: 24px;padding:8px 35px; border:1px solid #333;}
.tab3 .tit p a:hover{color: #fff;margin-right: 24px; padding:8px 35px; background:#0355a7;}
.sec2_ul{width: 1500px; margin: 0 auto;overflow: hidden;}
.sec2_ul ul{width:1500px;}
.sec2_ul li{float: left; width: 280px; border:0px solid #ccc; display: block; margin-right: 25px; text-align: left; overflow: hidden; margin:5px;}
.sec2_ul li a{width: 280px; height: 300px; background: #eee; position: relative;}
.sec2_ul li a img{width: 280px; height:275px; transition: .9s;  line-height: 1em; overflow: hidden; border-radius:0px;}
.sec2_ul li .p{padding:0 15px;position: relative;width: 280px;overflow:hidden;background-color: #fff;z-index: 666; height:44px; line-height:34px; border-top:0px solid #ccc; font-size:20px; font-weight:bold;}
.sec2_ul li .p a:hover{padding:0 15px;position: relative;width: 203px;overflow:hidden;background-color: #fff;z-index: 666; height:44px; line-height:34px; border-top:1px solid #ccc; color:FF9B09;}
.sec2_ul li .mgd{ width:100px; height:26px; line-height:26px; text-align:center; margin:1px auto; border-radius:26px;background-color:#0355a7;border-radius:26px;color:#fff; font-size:16px;}
.sec2_ul li .mgd{ display:block; }
.sec2_ul li .m1c:hover .mgd{ background-color:#e51d1a;}
.sec2_ul li .mxian{ color:#e51d1a; margin:0 auto; text-align:center; line-height:20px;}
.sec2_ul li img{width: 280px; height: 225px; overflow: hidden;display:block;}
.sec2_ul li a:hover img{transform: scale(1.2);  z-index: 1;}
.sec2_ul li a:hover{background: #0042ae; width: 280px; height: 300px; overflow: hidden;}
.sec2_ul ul .sec2_ul_r{width: 280px; border:1px solid #ccc; display: block;text-align: left; overflow: hidden;}
.p{font-size: 16px;color: #333333; line-height: 34px; height: 32px; margin-top:5px; text-align:center;}
.w1500 { width:1500px; margin:0 auto; font-family:"Microsoft Yahei";}
/*产品展示*/
/**/
.lc{ height:330px; overflow:hidden; padding-top:50px; background-color:#eeeeee; margin-top:60px;}
.lc ul{ height:196px; margin-top:20px; margin-bottom:25px;}
.lc li{ border:3px solid #f5f5f5; border-right:0; float:left; height:160px; padding-top:30px; width:193px; font:20px "Microsoft YaHei UI"; text-align:center; color:#20181a;}
.lc li em{ display:block; font:12px "Microsoft YaHei UI"; text-transform:uppercase; color:#808080; padding-top:10px;}
.lc li b{ display:block; width:50px; height:45px; margin:0 auto 30px; overflow:hidden;}
.lc li img{ width:100%;    transition: .5s;}
.lc li:last-child{border-right:3px solid #f5f5f5;}

.lc li:hover{border:3px solid #0355a7; border-right:0; color:#fff; background:#0355a7;-webkit-transition:all 0.7s;
	transition:all 0.7s;transition-property:background;
-moz-transition-property: background; /* Firefox 4 */
-webkit-transition-property:background; /* Safari 和 Chrome */
-o-transition-property:background;}
.lc li:hover em{ color:#fff;}
.lc li:hover b img{ margin-top:-45px;}
/*风采展示*/
.show{height:350px;position: relative;text-align: center;font-size: 16px; padding-top:30px; background:#eeeeee;}
.show_t{height:45px;line-height:45px;position: relative;z-index:1;width: 800px;margin: 0 auto 48px;font-size: 18px;overflow: hidden;}
.show_t li{height:45px;color: #fff;width: 146px;float: left;border-radius: 0px;background: #0053a1; margin-left:250px;}
.show_t li:nth-child(2){margin: 0 34px; }
.show_t li a{color: #fff;display: block; }
.show_t li:hover{height:45px;color: #fff;width: 146px;float: left;border-radius: 0px;background: #cc0000;}

.show_c1{position: relative;}
.prev2,.next2{top:87px;}
.show_cl{overflow: hidden;}
.show_c li{float: left;margin:0 18px 0 0;position: relative;}
.show_c li,.show_c li p,.show_c li p img,.show_c li span{width: 270px;height:203px;display: block;overflow: hidden;}
.show_c li span{display: none;position: absolute;left: 0;top: 0;background: rgba(22 , 69 , 166 , 0.8);}
.show_c li span a{background:url(../images/ico02.png) no-repeat center 67px;padding: 99px 0 0;line-height: 42px;color: #fff;display: block;}
.show_c li:hover span{display:block;}

.show_a {padding-top:40px;}
.show_a h5{ width:520px; height:82px; margin:0 auto;}
.show_a h5 em{ display:block; font:14px "Microsoft YaHei UI"; color:#808080; background:url(../images/lximg.png) no-repeat left center; padding-left:45px; float:left;}
.show_a h5 em i{ display:block; font:30px Arial, Helvetica, sans-serif; font-weight:bold; color:#20181a;}
.show_a h5 span a{ display:block; width:180px; height:45px; background:#333; font:16px "Microsoft YaHei UI"; text-align:center; line-height:45px; color:#fff; float:right;}
/*风采展示*/
/*优势*/
.edge{line-height:24px;color: #606060;font-family:"Microsoft Yahei";overflow: hidden;padding:33px 0 0;height:1800px;font-size: 16px;}
.edge1{height:438px;background:url(../images/edge_pic1.jpg) no-repeat center 0;}
.edge2{background:url(../images/edge_pic2.jpg) no-repeat center 0;}
.edge3{background:url(../images/edge_pic3.jpg) no-repeat center 0;}
.edge4{background:url(../images/edge_pic4.jpg) no-repeat center 0;}
.edge_w{width:500px;padding:50px 50px 0;}
.edge_w h3{height:140px;font-size: 22px;line-height:42px;color: #2855af;}
.edge_w h3 i {  display: block;  font-size: 95px;  font-family: Impact;  font-weight: 400;  color: rgba(51, 51, 51, 0.1);  text-transform: uppercase;  letter-spacing: 1px;  line-height: 1;}
.edge_w h3 b{font-size:34px;line-height: 52px;color: #000000;display: block; margin-top: -58px;}
.edge_w ul{display: block;height: 147px;}
.edge_w li{display: block;clear: both;background:url(../images/ico06.gif) no-repeat 0 16px;padding:0 0 0 0px;}
.edge_ico a{display: block;height:38px;width: 156px;border: solid 0px #da251c; background:#2855af; color: #fff;line-height: 38px;text-align: center;  }
/*案例*/.w1400 { width:1400px; margin:0 auto; font-family:"Microsoft Yahei"; }
.case{background:url(../images/abrands.png) no-repeat center bottom; padding-bottom:110px;}
.case_con{ margin-top: 46px;position: relative; }
.case_con .tempWrap{ width: 1400px!important; }
.case_con .case_qie{ width: 445px;height: 475px;float: left;margin-right: 21px;border: 3px solid #ebebeb; }
.case_con dl{background: #FFFFFF;padding: 10px 11px 0 10px;}
.case_con dt{height: 300px;overflow: hidden;}
.case_con dt img{display: block;width: 420px;height: 300px;transition: all 0.5s;}
.case_con dt:hover img{transform: scale(1.05);}
.case_con dd{height: 165px; }
.case_con dd h4 a{font-size: 22px;color: #000;line-height: 22px;padding: 15px 0px;position: relative;display: block;font-weight: bold; text-align:center;}
.case_con dd p{font-size: 14px;color: #333;line-height: 26px;}
.case_con dd p a{ display: block;float: right;margin-top:20px;font-size: 16px;color: #cc0000;line-height: 16px; }
.case_con dd p a img{ display: inline-block;width: 18px;height: 8px;margin-left: 5px;vertical-align: middle; }
.case_con dd h4:hover a{color: #0355a7;}
.case_con .zprev{ position: absolute;left: -60px;top:220px; width: 45px;height: 45px;background: url(../images/zprev.png) no-repeat center;cursor: pointer;}
.case_con .znext{ position: absolute;right:  -60px;top:220px;  width: 45px;height: 45px;background: url(../images/znext.png) no-repeat center;cursor: pointer;}
/*优势*/


/**/
.g-partner{height:225px; box-sizing: border-box; font-family: "Microsoft YaHei"; position: relative; }
.partner{height:110px;position: relative;padding-top:33px;border-top:2px solid #c7c7c7;}
.partner .part-l{width:30px;height:30px; position: absolute;left:-15px;top:50%;margin-top:-4px; background:url(../images/part-l.png) no-repeat;}
.partner .part-r{width:30px;height:30px; position: absolute;right:-15px;top:50%;margin-top:-4px; background:url(../images/part-r.png) no-repeat;}
.part-bd{width:1104px;margin:0 auto; height: 120px;overflow: hidden;}
.partner ul{}
.partner li{width: 196px;float: left;position: relative;overflow: hidden;margin-right:31px;}
.partner li img{width: 194px; height: 108px; display: block;border:1px solid #cccccc; }
.partner li:hover img{border-color: rgba(215, 0, 0, 0.9);}

/**/
.g-news{ height: 790px; box-sizing: border-box; background:#ffffff;padding-top:65px;overflow: hidden; font-family:"Microsoft Yahei";}
.g-news .tit01{ height:132px;}
.news{width:1380px;margin:0 auto;}
.news img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.news img:hover{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
.newstit{height: 58px;margin-bottom: 25px; border-bottom: 1px solid #e5e5e5;}
.newstit li{color:#333333;line-height: 58px;display: block;font-size: 18px;position: relative;float:left;width:130px; }
.newstit li a{color: #333333;text-decoration: none; font-weight:700; line-height:58px;}
.newstit li em{width:20px;height:20px;overflow: hidden; float: left;position: relative;margin-right:8px;margin-top:17px;}
.newstit li em img{position: absolute;left:0;width:20px; height:20px;}
.newstit span{float: right; font-size: 14px;color:#333333;margin-top: 25px;}
.newstit li.cur a{font-weight: bold;color:#cc0000;}
.newstit li.cur em img{top:0px;}

.news1{width:585px; float: left;position: relative; background:#f1f1f1;}
.news1 dl{width:585px; height: 500px;}
.news1 dt{ width:585px;height:330px; position: relative; overflow: hidden;}
.news1 dt img{width:585px;height:330px; display: block;}
.news1 dd{width:585px;box-sizing: border-box; padding:15px;}
.news1 dd h4{font-size: 18px; font-weight: 700;line-height: 35px;height:35px;color:#000000;margin-bottom: 10px;}
.news1 dd h4 a{ color:#000000; display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news1 dd h4 span{float: right;font-size: 15px;color: #999;font-weight: 300;}
.news1 dd p{overflow: hidden;font-size: 14px; line-height: 24px; color:#737373;}
.news2{width:752px; float: right;}
.news2 dl{width:752px; overflow: hidden;margin-bottom: 20px;}
.news2 dt{ width:212px;height:119px; position: relative; overflow: hidden;float: left;}
.news2 dt img{width:212px;height:119px; display: block;}
.news2 dd{width:515px; overflow: hidden;box-sizing: border-box;float: right; }
.news2 dd h4{font-size: 18px; font-weight: 700;line-height: 35px;height:35px;color:#000000;margin: 10px 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; background: url(../images/w.png) no-repeat left center; padding-left:30px;}
.news2 dd h4 a{ color:#000000;}
.news2 dd p{overflow: hidden;font-size: 14px; line-height: 26px; color:#737373;background: url(../images/d.png) no-repeat left 1px; text-indent:2em;}
.news2 ul{clear: both; overflow: hidden;margin-top:40px;}
.news2 li{height: 36px; display: block;padding-left:20px;background: url(../images/cp_ico01.gif) no-repeat left center; border-bottom: 1px dotted #e5e5e5;}
.news2 li a{ font-size: 15px;color:#333;text-decoration: none;  overflow: hidden; text-overflow: ellipsis;white-space:nowrap;height: 36px; line-height: 36px; display: block;width: 460px;}
.news2 li span{ line-height: 36px; font-size: 14px;color: #868686; display: block; float: right;}
.news2 li a:hover{color: #e62129;}
/* -- 走进 -- */

.tit{height:140px; font:48px "Microsoft Yahei"; text-align:center; font-weight:bold; color:#333;}
.tit a{ display:block; color:#333;}
.tit em{ display:block; font:20px "Microsoft Yahei"; line-height:40px; color:#4c4c4c; background:url(../images/hhbj.png) no-repeat center top; margin-top:8px;}

.about{min-width:1200px; max-width:1920px; width:100%;margin:0 auto; margin-top:80px;}
.about dt img{ display:block; width:100%;}
.about dd{ width:1200px; padding:30px 50px; background:#fff; box-shadow:0 0 1rem #ccc; position:relative; margin:-90px auto 45px; height:140px;}
.about .tit{ width:280px; float:left;}
.about dd p{ width:665px; float:left; padding:0 0 0 40px; margin-left:10px; border-left:1px solid #ccc; font:15px "Microsoft YaHei UI"; line-height:26px; color:#4c4c4c; margin-top:13px;}
.about dd span a{ display:block; width:140px; height:40px; background:#da251c; font:14px "Microsoft YaHei UI"; text-align:center; line-height:40px; color:#fff; float:right; margin-top:50px;}



@-webkit-keyframes spin{
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


/*animation*/
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}